<%-- 
    Document   : contentMain
    Created on : Jul 15, 2013, 4:17:34 PM
    Author     : NguyenSonLam
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<div id="main-content">
    <div class="container-fluid">
        <ul class="breadcrumb">
            <li><a href="#">Home</a><span class="divider">&raquo;</span></li>
            <li class="active">Dashboard</li>
        </ul>

        <div class="dashboard-widget">
            <div class="row-fluid">
                <div class="span2">
                    <div class="dashboard-wid-wrap">
                        <div class="dashboard-wid-content"> <a href="products.jsp"> <i class="dashboard-icons-colors graphic_design_sl"></i> <span class="dasboard-icon-title">Products</span> </a> </div>
                    </div>
                </div>
                <div class="span2">
                    <div class="dashboard-wid-wrap">
                        <div class="dashboard-wid-content"> <a href="categorys.jsp"> <i class="dashboard-icons-colors settings_sl"></i> <span class="dasboard-icon-title">Categorys</span> </a> </div>
                    </div>
                </div>
                <div class="span2">
                    <div class="dashboard-wid-wrap">
                        <div class="dashboard-wid-content"> <a href="#"> <i class="dashboard-icons-colors customers_sl"></i> <span class="dasboard-icon-title">Users Lits</span> </a> </div>
                    </div>
                </div>
                <div class="span2">
                    <div class="dashboard-wid-wrap">
                        <div class="dashboard-wid-content"> <a href="#"> <i class="dashboard-icons-colors current_work_sl"></i> <span class="dasboard-icon-title">Statistics</span> </a> </div>
                    </div>
                </div>
                <div class="span2">
                    <div class="dashboard-wid-wrap">
                        <div class="dashboard-wid-content"> <a href="orders.jsp"> <i class="dashboard-icons-colors archives_sl"></i> <span class="dasboard-icon-title">Orders</span> </a> </div>
                    </div>
                </div>
                <div class="span2">
                    <div class="dashboard-wid-wrap">
                        <div class="dashboard-wid-content"> <a href="#"> <i class="dashboard-icons-colors lightbulb_sl"></i> <span class="dasboard-icon-title">Suport</span> </a> </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span9">
                <div class="index-graph">
                    <div class="chart-block">
                        <div id="chart1"> </div>
                    </div>
                </div>
            </div>
            <div class="span3">
                <div class="summary">
                    <ul>
                        <li><span class="summary-icon"><img src="img/user-accounts.png" width="36" height="36" alt="New Accounts"></span><span class="count">3645</span><span class="summary-title"> New Accounts</span></li>
                        <li><span class="summary-icon"><img src="img/items.png" width="36" height="36" alt="New Items"></span><span class="count">250</span><span class="summary-title"> New Orders</span></li>
                        <li><span class="summary-icon"><img src="img/shipped.png" width="36" height="36" alt="Order Shipped"></span><span class="count">124</span><span class="summary-title"> Orders Shipped</span></li>
                        <li><span class="summary-icon"><img src="img/complete.png" width="36" height="36" alt="Order Completed"></span><span class="count">100</span><span class="summary-title"> Orders Completed</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
